<% title "Thêm tài liệu mới - Student Portal - Quản lý thư viện" %>

<% queue_js "bootstrap-datepicker" %>
<% queue_js 'redactor/redactor' %>
<% queue_css "datepicker" %>
<% queue_js "bootstrap-timepicker" %>
<% queue_css "bootstrap-timepicker" %>
<% queue_css 'redactor/css/redactor' %>

<% content_for :top_section do %>
    <h1 style="text-transform: uppercase;">Quản lý thư viện - Thêm thông tin tài liệu</h1>
<% end %>
<% content_for :sidebar do %>
    <ul class="nav nav-list bs-docs-sidenav affix">
      <li><h5 style="color:black"><i class="icon-chevron-down"></i>THAO TÁC</h5></li>
      <li><a href="/admin/library/"><i class="icon-book"></i>Danh sách tài liệu</a></li>
      <li><a href="/admin/library/new"><i class="icon-bell"></i>Thêm tài liệu mới</a></li>
      <li><a href="/portal/logout"><i class="icon-eject"></i>Đăng xuất</a></li>
    </ul>
<% end %>
<form action="<%= request.fullpath %>" method="post" name="edit_form">
  <h2 style="text-transform: uppercase;">Thêm thông tin tài liệu mới</h2>
  <ul class="list-info">
    <% @access_attr.each do |key| %>
        <li>
        <span class="key-name" style="float:left;width:200px;padding-top:10px">
          <label for="<%= key %>">
            <%= t('model.library_document.'+key) %>
          </label>
      </span>
        <span class="info-value" style="float:left;width:450px;padding-top:10px">

          <% if LibraryDocument.columns_hash[key].type == :text %>
              <textarea name="doc[<%= key %>]" id="<%= key %>" cols="30" rows="10" style="width:480px">
                <%= @doc[key].blank? ? t('general.form.empty') : @doc[key] %>
              </textarea>

          <% elsif LibraryDocument.columns_hash[key].type == :string || LibraryDocument.columns_hash[key].type == :integer %>
              <input type="text" name="doc[<%= key %>]" id="<%= key %>" value="<%= @doc[key].nil? ? LibraryDocument.columns_hash[key].default : @doc[key] %>"/>

          <% elsif LibraryDocument.columns_hash[key].type == :date %>
              <input type="text" name="doc[<%= key %>]" id="<%= key %>" value="<%= Date.current %>" data-date-format="dd/mm/yyyy" data-date="<%= Date.current %>" class="date-picker-input"/>
          <% elsif LibraryDocument.columns_hash[key].type == :datetime %>
              <input type="text" id="<%= key %>_date" name="doc[<%= key %>][date]" value="<%= Date.current %>" data-date-format="dd/mm/yyyy" data-date="<%= Date.current %>" class="date-picker-input"/>
              <i class="icon-calendar" style="margin: -2px 10px 0 -22.5px; pointer-events: none; position: relative;"></i>
              <input type="text" id="<%= key %>_time" name="doc[<%= key %>][time]" value="<%= Time.now %>" style="width:80px" class="time-picker-input"/>
              <i class="icon-time" style="margin: -2px 0 0 -22.5px; pointer-events: none; position: relative;"></i>
          <% end %>

        </span>

          <div class="separate"></div>
        </li>
    <% end %>
  </ul>
  <div class="control-group" style="margin-top: 20px; float:left">
    <div class="controls-row">
      <input type="submit" name="save_btn" value="Lưu thông tin" class="btn btn-info"/>
      <a class="btn btn-danger" href="<%= url_for(:controller => "backend/library", :action => "index") %>">Hủy bỏ</a>
    </div>
  </div>
</form>
<script type="text/javascript">
    $(function(){
        $('.date-picker-input').datepicker()
        $('.time-picker-input').timepicker({
            minuteStep: 5,
            showInputs: false,
            disableFocus: true,
            showSeconds: false,
            showMeridian: false,
            defaultTime:'value'
        });
    });
    $(document).ready(
            function () {
                $('textarea').redactor({
                    path:'<%= asset_path('redactor') %>'
                });
                $("#status").hover(function (e) {
                    $(this).popover({
                        delay:{ show:500, hide:100 },
                        content:"<ul>" +
                                "<li>1: có thể cho mượn</li>" +
                                "<li>0: không thể mượn</li>" +
                                "<li>-1: không hiệu lực</li>" +
                                "</ul>"

                    });
                });
                $("#time_limit").hover(function (e) {
                    $(this).popover({
                        delay:{ show:500, hide:100 },
                        content:"số ngày cho mượn, nhập 0 để không giới hạn, mặc định là 10 ngày."
                    });
                });
            }
    );
</script>